<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>租房-详情</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/zufang_xq.css" />
	</head>
	<body>
		<!-- top -->
		<div class="index-top">
			<div class="container">
				<div class="menu-box fl">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">新房</a></li>
						<li><a href="#">二手房</a></li>
						<li><a href="#" class="on">租房</a></li>
						<li><a href="#">商铺</a></li>
						<li><a href="#">写字楼</a></li>
						<li><a href="#">委托申请</a></li>
						<li><a href="#">发布房源</a></li>
						<li><a href="#">房产百科</a></li>
						<li><a href="#">掌上可心房</a></li>
					</ul>
				</div>
				<div class="tel-box fr">
					<p>客服热线：023-4888888</p>
				</div>
				<div class="login-box fr">
					<img src="../img/wechat.png">
					<img src="../img/QQ.png">
					<img src="../img/webo.png">
					<span class="login-bottom">
						<a href="jacascript:void(0)" id="login">登录</a> |
						<a href="jacascript:void(0)" id="register">注册</a>
					</span>
				</div>
			</div>
		</div><!-- top结束 -->
		<!-- 菜单 -->
		<div class="info-box">
			<div class="contain">
				<div class="menu-left fl">
					<div class="logo fl">
						<img src="../img/logo-pg.png">
						可心房租房
					</div>
					<ul class="fl">
						<li><a href="#" class="on">首页</a></li>
						<li><a href="#">整租</a></li>
						<li><a href="#">合租</a></li>
						<li><a href="#">APP下载</a></li>
					</ul>
				</div>
				<div class="menu-right fr">
					<input type="text" placeholder="请输入关键字搜索" name="" id="" value="" class="menu-input" />
					<img src="../img/search-icon.png" class="search">
				</div>
			</div>
		</div><!-- 菜单结束 -->
		<!-- 主体内容 -->
		<div class="cont">
			<div class="contain">
				<div class="crumbs-box">
					<p class="title">
						普汇国际社区 A区2室1厅整租
					</p>
					<ul>
						<li><a href="#">可心房綦江站</a> >&nbsp;</li>
						<li><a href="#">綦江二手房</a> >&nbsp; </li>
						<li><a href="#">普惠二手房</a> >&nbsp; </li>
						<li><a href="#">当前位置</a></li>
					</ul>
					<div class="clear"></div>
					<p>房源由<span style="color: red;">可心房经纪人李龙</span>上传 更新于2019-01-19 15:25:00 | 浏览次数 5124
						<img src="../img/pcxq/yyzz.png"><span style="color: #c96e8c;margin-left: 5px;">营业执照 / 经纪备案</span> <a style="color: #97959c;margin-left: 400px;"
						 href="#">举报</a>
					</p>
				</div>
				<!-- 预览 -->
				<div class="swiper-box">
					<!-- 左边部分 -->
					<div class="swiper-box-left fl">
						<img class="img-box" src="../img/pcxq/check-img.png">
						<div class="img-item-box">
							<div class="bt-box" id='left'>
								<img src="../img/pcxq/left-fanhui.png">
							</div>
							<ul class="ul-img-box">
								<li><img src="../img/pcxq/check-img.png"></li>
								<li><img src="../img/pcxq/check-img.png" class="active"></li>
								<li><img src="../img/pcxq/check-img.png" class="active"></li>
								<li><img src="../img/pcxq/check-img.png" class="active"></li>
								<li><img src="../img/pcxq/check-img.png" class="active"></li>
							</ul>
							<div class="bt-box bt-box-right" id='right'>
								<img src="../img/pcxq/right-fanhui.png">
							</div>
						</div>
					</div><!-- 左边部分结束 -->
					<div class="swiper-box-right fl">
						<div class="swiper-box-top">
							<p style="font-size: 14px;"><span style="font-size: 34px;color: #fe2947;font-weight: bold;">1400</span><span
								 style="color: #fe2947;">元/月</span>（押一付三）</p>
							<ul>
								<li>全装全配</li>
								<li>精装修</li>
								<li>拎包入住</li>
							</ul>
						</div>
						<div class="item-box">
							<ul>
								<li style="margin: 0;">
									<p class="fz-26">两室一厅</p>
									<p class="fz-12">户型</p>
								</li>
								<li>
									<p class="fz-26">整租</p>
									<p class="fz-12">出租方式</p>
								</li>
								<li>
									<p class="fz-26">58平米</p>
									<p class="fz-12">建筑面积</p>
								</li>
							</ul>
						</div>
						<div class="item-box">
							<ul>
								<li style="margin: 0;">
									<p class="fz-26">南北</p>
									<p class="fz-12">朝向</p>
								</li>
								<li>
									<p class="fz-26">整租</p>
									<p class="fz-12">楼层(共36层)</p>
								</li>
								<li>
									<p class="fz-26">精装修</p>
									<p class="fz-12">装修</p>
								</li>
							</ul>
						</div>
						<div class="item-box" style="font-size: 14px;padding-top:15px;height: 69px;">
							<p><span style="color: #97959c;width: 100px;display: inline-block;">小区名称</span>普汇国际社区A去</p>
							<p style="margin-top: 15px;"><span style="color: #97959c;width: 100px;display: inline-block;">小区地址</span>綦江通惠大道162号（普惠公交车站）</p>
						</div>
						<div class="user-info">
							<img src="../img/zufang_xq/jjr-info.png" class="fl">
							<div class="user-info-box fl">
								<p class="name">李龙<span class="f-clor" style="margin-left: 5px;">可心房高级经纪人</span></p>
								<p class="f-clor">本房信息由我维护，有变化最快得知</p>
								<ul>
									<li style="background: #fe2947;color: #fff;width: 172px;">48556984转1234</li>
									<li class="zxw">在线问</li>
								</ul>
							</div>
						</div>
					</div>
				</div><!-- 预览结束 -->
				<!-- 房源信息 -->
				<div class="box-title">
					房源信息
				</div>
				<div class="jbxx">
					<span class="fc fl">基本信息</span>
					<ul class="fl">
						<li><span class="fc" style="margin-right: 45px;">发布</span>10天前</li>
						<li><span class="fc" style="margin-right: 45px;">租期</span>暂无数据</li>
						<li><span class="fc" style="margin-right: 45px;">楼层</span>中楼层/36层</li>
						<li><span class="fc" style="margin-right: 45px;">车位</span>暂无数据</li>
						<li><span class="fc" style="margin-right: 45px;">用电</span>名电</li>
					</ul>
					<ul class="fl">
						<li><span class="fc" style="margin-right: 45px;">入住</span>随时入住</li>
						<li><span class="fc" style="margin-right: 45px;">看房</span>需提前预约</li>
						<li><span class="fc" style="margin-right: 45px;">电梯</span>有</li>
						<li><span class="fc" style="margin-right: 45px;">用水</span>明水</li>
						<li><span class="fc" style="margin-right: 45px;">燃气</span>有</li>
					</ul>
				</div>
				<div class="ptss" style="border: none;">
					<span class="fc fl">配套设施</span>
					<ul class="fl">
						<li>
							<img src="../img/zufang_xq/tv.png" >
							<p>电视</p>
						</li>
						<li>
							<img src="../img/zufang_xq/bx.png" >
							<p>冰箱</p>
						</li>
						<li>
							<img src="../img/zufang_xq/kt.png" >
							<p>空调</p>
						</li>
						<li>
							<img src="../img/zufang_xq/nq.png" >
							<p>暖气</p>
						</li>
						<li>
							<img src="../img/zufang_xq/sf.png" >
							<p>沙发</p>
						</li>
						<li>
							<img src="../img/zufang_xq/yg.png" >
							<p>衣柜</p>
						</li>
						<li>
							<img src="../img/zufang_xq/c.png" >
							<p>床</p>
						</li>
						<li>
							<img src="../img/zufang_xq/cz.png" >
							<p>餐桌</p>
						</li>
						<li>
							<img src="../img/zufang_xq/kd.png" >
							<p>宽带</p>
						</li>
						<li>
							<img src="../img/zufang_xq/xyj.png" >
							<p>洗衣机</p>
						</li>
						<li>
							<img src="../img/zufang_xq/rsq.png" >
							<p>热水器</p>
						</li>
						<li>
							<img src="../img/zufang_xq/trq.png" >
							<p>天然气</p>
						</li>
					</ul>
				</div>
				<!-- 联系经济人 -->
				<div class="box-title">
					联系经纪人<span class="fc" style="font-size: 16px;margin-left: 30px;">您可以通过拨打电话或在线咨询的方式联系经纪人</span>
				</div>
				<div class="jjr-item-box">
					<div class="jjr-item fl">
						<img src="../img/zufang_xq/jjr-info.png" class="user-img fl">
						<div class="text-user-box fl">
							<p class="user-name">李龙
							<img style="margin-left: 10px;" src="../img/pcxq/yyzz.png">
							<img src="../img/pcxq/zx.png" style="cursor: pointer;">
							</p>
							<p class="fc">壹佰佳高级经纪人</p>
							<p class="fc">评分：5.0    |    1358人评价</p>
							<p style="color: red;margin-top: 5px;">4000000000转0222</p>
						</div>
					</div>
					<div class="jjr-item fl">
						<img src="../img/zufang_xq/jjr-info.png" class="user-img fl">
						<div class="text-user-box fl">
							<p class="user-name">李龙
							<img style="margin-left: 10px;" src="../img/pcxq/yyzz.png">
							<img src="../img/pcxq/zx.png" style="cursor: pointer;">
							</p>
							<p class="fc">壹佰佳高级经纪人</p>
							<p class="fc">评分：5.0    |    1358人评价</p>
							<p style="color: red;margin-top: 5px;">4000000000转0222</p>
						</div>
					</div>
					<div class="jjr-item fl" style="margin-right: 0px;">
						<img src="../img/zufang_xq/jjr-info.png" class="user-img fl">
						<div class="text-user-box fl">
							<p class="user-name">李龙
							<img style="margin-left: 10px;" src="../img/pcxq/yyzz.png">
							<img src="../img/pcxq/zx.png" style="cursor: pointer;">
							</p>
							<p class="fc">壹佰佳高级经纪人</p>
							<p class="fc">评分：5.0    |    1358人评价</p>
							<p style="color: red;margin-top: 5px;">4000000000转0222</p>
						</div>
					</div>
				</div>
				<!-- 周边配套 -->
				<div class="zbpt-box">
					<p class="title">周边配套</p>
					<ul>
						<li class="on">公交</li>
						<li>地铁</li>
						<li>医院</li>
						<li>银行</li>
						<li>购物</li>
						<li>餐饮</li>
						<li>娱乐休闲</li>
						<li>运动健身</li>
					</ul>
				</div>
				<div class="map-box">
					<p class="map-tips">距离 <span style="color: red;margin: 0 50px;">汽车客运站</span> 1.5km</p>
					<!-- 创建地图 -->
					<div class="map" id="allmap">
					</div><!-- 创建地图结束 -->
					<!-- 地图上方信息框 -->
					<div class="map-info-box">
						<div class="map-info-top">
							公交
						</div>
						<div class="map-info-cont">
							
						</div>
					</div><!-- 地图上方信息框结束 -->
				</div>
				<!-- 小区最新成交 -->
				<div class="box-title">
					小区最新成交
				</div>
				<div class="jbxx zxcj">
					<div class="zxcj-top">
						<ul>
							<li>成交日期</li>
							<li>户型</li>
							<li>面积</li>
							<li>租赁方式</li>
							<li>出租价格</li>
						</ul>
					</div>
					<div class="zxcj-top zxcj-item">
						<ul>
							<li>2019-01-20</li>
							<li>3室2厅1卫</li>
							<li>102㎡</li>
							<li>整租</li>
							<li>1580元/月</li>
						</ul>
					</div>
					<div class="zxcj-top zxcj-item">
						<ul>
							<li>2019-01-20</li>
							<li>3室2厅1卫</li>
							<li>102㎡</li>
							<li>整租</li>
							<li>1580元/月</li>
						</ul>
					</div>
					<div class="zxcj-top zxcj-item">
						<ul>
							<li>2019-01-20</li>
							<li>3室2厅1卫</li>
							<li>102㎡</li>
							<li>整租</li>
							<li>1580元/月</li>
						</ul>
					</div>
				</div>
				<!-- 同小区在租房源 -->
				<div class="box-title">
					同小区在租房源
					<a href="#" class="more">更多綦江二手房</a>
				</div>
				<div class="zzfy-item-box">
					<div class="zzyf-ul">
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
					</div>
				</div>
				<!-- 某某小区在租房源 -->
				<div class="box-title">
					某某小区在租房源
					<a href="#" class="more">更多綦江二手房</a>
				</div>
				<div class="zzfy-item-box">
					<div class="zzyf-ul">
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
						<div class="img-item fl">
							<img src="../img/zufang_xq/fy-item.png" >
							<div class="zzfy-tips">880/月</div>
							<div class="zzfy-info">
								<p style="font-size: 16px;">首创鸿恩，业主住家装修两房带家具家电一起出售</p>
								<p style="margin-top: 20px;font-size: 14px;color: #97959c;">首创鸿恩国际生活区  2室2厅  77.97平米</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!-- 主体内容结束 -->


		<!-- 网站footer -->
		<div class="page-footer">
			<div class="contain">
				<div class="page-foot-top">
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">隐私声明</a></li>
						<li><a href="#">綦江小区</a></li>
						<li><a href="#">可心经纪人</a></li>
					</ul>
					<p class="fr">客服热线 <span style="color: #fff116;margin-left: 10px;">023-48625859</span></p>
				</div>
				<div class="page-foot-cont">
					<div class="foot-left fl">
						<div class="foot-left-top">
							<div class="tab-item fl on">人气楼盘</div>
							<div class="tab-item fl">热门楼盘</div>
							<div class="tab-item fl">推荐城市楼盘</div>
						</div>
						<div class="foot-left-cont">
							<ul>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
							</ul>
						</div>
					</div>
					<div class="foot-right fr">
						<img style="margin-top: 20px;" src="../img/buttom-jjr.png">
						<img src="../img/buttom-fbfy.png">
					</div>
				</div>
				<div class="page-foot-bu">
					<p>Copyright 2015-2018©綦江可心房网络科技有限公司 渝ICP备17013215号 联系电话：02348625859 | 地址：綦江綦江区文龙街道核桃湾6-1090-1号</p>
				</div>
			</div>
		</div><!-- 网站footer结束 -->


		<!-- 登录窗口 -->
		<div class="model" hidden>
			<div class="model-login-box" id="login_box" hidden>
				<div class="model-login-top">
					<p>登录可心房</p>
					<img src="../img/login-close.png" class="login-close">
				</div>
				<div class="login-menu-box">
					<div class="login-menu-group fl on" id='sjdl'>
						手机快捷登录
					</div>
					<div class="login-menu-group fl" id='zhdl' style="border-left: solid 1px #e3e3e3;">
						账号密码登录
					</div>
				</div>
				<div class="login-input-box">
					<input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box" />
					<div hidden id='zhdl_box'>
						<input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;" />
						<img src="../img/yanj.png" class="yanj">
					</div>
					<div id='sjdl_box'>
						<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl" />
						<div class="get-code fl">获取验证码</div>
					</div>
					<div class="clear"></div>
					<div class="login-tips">
						<img src="../img/checkout.png" class="fl login-tips-img">
						<p class="fl login-tips-time">7天内免登录</p>
						<a href="#" class="fr log" style="display: none;">忘记密码?</a>
					</div>
					<p class="xieyi">登录即代表同意《可心房隐私政策》及《可心房用户服务协议》</p>
					<div class="login-buttom">登录</div>
					<img src="../img/qitfs.png" class="qitfs">
					<div class="login-other">
						<img src="../img/login-QQ.png">
						<img src="../img/login-wechat.png">
						<img src="../img/login-weibo.png">
					</div>
				</div>
			</div>

			<!-- 注册窗口 -->
			<div class="model-login-box" id="register_box" hidden>
				<div class="model-login-top">
					<p>注册可心房账号</p>
					<img src="../img/login-close.png" class="login-close">
				</div>
				<div class="login-input-box">
					<input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box" style="margin-bottom: 0;" />
					<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-tel-box" />
					<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl" />
					<div class="get-code fl">获取验证码</div>
					<div class="clear"></div>
					<div id='zhdl_box' style="margin-top: 10px;">
						<input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;" />
						<img src="../img/yanj.png" class="yanj" style="top: 285px;">
					</div>
					<div class="login-tips">
						<img src="../img/checkout.png" class="fl login-tips-img">
						<p class="fl login-tips-time" style="font-size: 12px;margin-top: -1px;">我已阅读并同意<a href="#" style="color: #fe2947;">《可心房隐私政策》</a>及<a
							 href="#" style="color: #fe2947;">《可心房用户服务协议》</a></p>
					</div>
				</div>
				<div class="clear"></div>
				<div class="login-buttom" style="margin-top: 60px;">登录</div>
				<div class="register-tips">
					<p>已有账号？去<span style="color: #fe2947;">登录</span></p>
				</div>
			</div><!-- 注册窗口结束 -->
			<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=iBM9rbzTH2dMZW7MbYMYmFgb"></script>
			<script src="../js/jquery.js"></script>
			<script src="../js/login.js"></script>
			<script type="text/javascript" src="../js/xqbox.js"></script>
			<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("allmap");    // 创建Map实例
			map.centerAndZoom(new BMap.Point(106.557,29.57), 13);  // 初始化地图,设置中心点坐标和地图级别
			//添加地图类型控件
			map.addControl(new BMap.MapTypeControl({
				mapTypes:[
					BMAP_NORMAL_MAP,
					BMAP_HYBRID_MAP
				]}));	  
			map.setCurrentCity("重庆");          // 设置地图显示的城市 此项是必须设置的
			map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
					</script>
	</body>
</html>
